<template>
<div>
    <div style="box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 10px 20px; border-radius: 5px; margin-bottom: 10px">
        早安，{{user.name}}，祝你开心每一天！
    </div>

    <div style="display: flex; margin: 15px 0">


        <el-card style="width: 100%">
            <div style="margin-bottom: 15px; font-size: 20px; font-weight: bold">系统公告</div>
            <el-collapse v-model="activeName" accordion>
                <el-collapse-item  v-for="(item, index) in notices" :key="item.id" :name="index + ''">
                    <template slot="title">
                        <h4>{{ item.title }}</h4>
                    </template>
                    <div>{{ item.content }}</div>
                </el-collapse-item>
            </el-collapse>
        </el-card>
    </div>


</div>
</template>

<script>
export default {
    name: "Home",
    data() {
        return {
            user: JSON.parse(localStorage.getItem('honey-user') || '{}'),
            notices: [],
            activeName: '0'
        }
    },
    created() {
        this.loadNotice()
    },
    methods: {
        loadNotice() {
            this.$request.get('/notice/selectUserData').then(res => {
                this.notices = res.data
            })
        }
    }
}
</script>

<style scoped>

</style>